@layout("/common/_container.html"){
<style>.ulBox{margin:0;display:flex;padding-left:20px;}.ulBox > li{flex:3;}.ulBox > li > div{margin:10px 0}.ulBox > li > div > span{display:inline-block;width:80px;height:28px;line-height:28px;}.frameBox{width:60%;height:28px;padding-left:10px;border:1px solid #cccccc;border-radius:5px;}.btnBox{background:#f1f1f1;position:fixed;bottom:0;width:100%;padding:5px 0;text-align:center;}.btnBox>button{margin:0;color:white;background:#6090b8;padding:5px 14px;}.btnBox>button:last-of-type{background:white;color:inherit;border:1px solid #999999}</style>
<div class="ibox float-e-margins">
    <div style="display: none">
        <input type="hidden" id="customerId" value="${customerId}">
        <input type="hidden" id="oneMediumValue" value="${customerInfo.oneMedium}">
        <input type="hidden" id="twoMediumValue" value="${customerInfo.twoMedium}">
        <input type="hidden" id="thrMediumValue" value="${customerInfo.thrMedium}">
    </div>
    <div>
        <div style="background: #6090b8;color: white;padding: 5px 10px;">修改媒介</div>
        <h5 style="color: #30add1;margin: 10px 0 0 10px;">请选择媒介</h5>
        <div>
            <ul class="ulBox">
                <li style="flex: 1;">
                    <div>
                        名称
                    </div>
                    <div>
                        <span>一级媒介</span>
                    </div>
                    <div>
                        <span>二级媒介</span>
                    </div>
                    <div>
                        <span>三级媒介</span>
                    </div>
                </li>
                <li>
                    <div>
                        原媒介
                    </div>
                    <div>
                        <input name="oneMedium1" id="oneMedium1" value="${customerInfo.oneMedium}" disabled="disabled" class="frameBox"></input>
                    </div>
                    <div>
                        <input name="twoMedium1" id="twoMedium1" value="${customerInfo.twoMedium}" disabled="disabled" class="frameBox"></input>
                    </div>
                    <div>
                        <input name="thrMedium1" id="thrMedium1" value="${customerInfo.thrMedium}" disabled="disabled" class="frameBox"></input>
                    </div>
                </li>
                <li>
                    <div>
                        新媒介
                    </div>
                    <div>
                        <select name="oneMedium" id="oneMedium" class="frameBox"></select>
                    </div>
                    <div>
                        <select name="twoMedium" id="twoMedium" class="frameBox"></select>
                    </div>
                    <div>
                        <select name="thrMedium" id="thrMedium" class="frameBox"></select>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="btnBox">
        <button class="btn" type="button" id="submission">提交</button>
        <button class="btn" type="button" onclick="parent.layer.close(parent.layer.getFrameIndex(window.name))">取消</button>
    </div>
</div>
</div>
<script src="${ctxPath}/static/modular/arrival/customer/update_medium.js?v=20200718"></script>
<script src="https://pynnn.oss-cn-hangzhou.aliyuncs.com/fulljquery-ui.min.js?v=20200718"></script>
<script src="https://pynnn.oss-cn-hangzhou.aliyuncs.com/initMedium.js"?v=20200718></script>
<script src="https://pynnn.oss-cn-hangzhou.aliyuncs.com/jsMedium.js?v=20200718"></script>
@}